var vm  = new Vue({
    el:'#welcome',
    data:{
        name:''
    },
    created: function () {
        this.init();
        this.messageShow();
    },
    mounted: function () {

    },
    methods: {
        init:function () {
            var vm  = this;
            vm.name = sessionStorage.getItem("name");
        },
        messageShow:function(){
            debugger
            setInterval(function () {
                $('.layui-badge').hide()
            },500);
            setInterval(function () {
                $('.layui-badge').show()
            },1000);
        },
        //隐藏左侧导航
       hideMenu:function () {
            $(".layui-layout-admin").toggleClass("showMenu");
        },
        //公告层
        showNotice:function() {
            layer.open({
                type: 1,
                title: "系统公告",
                closeBtn: false,
                area: '310px',
                shade: 0.8,
                id: 'LAY_layuipro',
                btn: ['好的'],
                moveType: 1,
                content: '<div style="padding:15px 20px; text-align:justify; line-height: 22px; text-indent:2em;border-bottom:1px solid #e2e2e2;"><p>这是一个基于layui的带后台的CMS管理系统，已经集成了通用的功能，例如菜单、用户、角色、机构、日志管理，系统架构清晰，方便做二次开发。</p></div>',
                success: function (layero) {
                    var btn = layero.find('.layui-layer-btn');
                    btn.css('text-align', 'center');
                    btn.on("click", function () {
                        window.sessionStorage.setItem("showNotice", "true");
                    })
                    if ($(window).width() > 432) {  //如果页面宽度不足以显示顶部“系统公告”按钮，则不提示
                        btn.on("click", function () {
                            layer.tips('查看最新公告', '#showNotice', {
                                tips: 3
                            });
                        })
                    }
                }
            });
        },
        //刷新当前
        refresh:function () {  //此处添加禁止连续点击刷新一是为了降低服务器压力，另外一个就是为了防止超快点击造成chrome本身的一些js文件的报错(不过貌似这个问题还是存在，不过概率小了很多)
            if ($(this).hasClass("refreshThis")) {
                $(this).removeClass("refreshThis");
                $(".clildFrame .layui-tab-item.layui-show").find("iframe")[0].contentWindow.location.reload(true);
                setTimeout(function () {
                    $(".refresh").addClass("refreshThis");
                }, 2000)
            } else {
                layer.msg("您点击的速度超过了服务器的响应速度，还是等两秒再刷新吧！");
            }
        },
        //关闭其他
        closePageOther: function () {
            if ($("#top_tabs li").length > 2 && $("#top_tabs li.layui-this cite").text() != "后台首页") {
                var menu = JSON.parse(window.sessionStorage.getItem("menu"));
                $("#top_tabs li").each(function () {
                    if ($(this).attr("lay-id") != '' && !$(this).hasClass("layui-this")) {
                        element.tabDelete("bodyTab", $(this).attr("lay-id")).init();
                        //此处将当前窗口重新获取放入session，避免一个个删除来回循环造成的不必要工作量
                        for (var i = 0; i < menu.length; i++) {
                            if ($("#top_tabs li.layui-this cite").text() == menu[i].title) {
                                menu.splice(0, menu.length, menu[i]);
                                window.sessionStorage.setItem("menu", JSON.stringify(menu));
                            }
                        }
                    }
                })
            } else if ($("#top_tabs li.layui-this cite").text() == "后台首页" && $("#top_tabs li").length > 1) {
                $("#top_tabs li").each(function () {
                    if ($(this).attr("lay-id") != '' && !$(this).hasClass("layui-this")) {
                        element.tabDelete("bodyTab", $(this).attr("lay-id")).init();
                        window.sessionStorage.removeItem("menu");
                        menu = [];
                        window.sessionStorage.removeItem("curmenu");
                    }
                })
            } else {
                layer.msg("没有可以关闭的窗口了@_@");
            }
        },
        //关闭全部
        closePageAll: function () {
            if ($("#top_tabs li").length > 1) {
                $("#top_tabs li").each(function () {
                    if ($(this).attr("lay-id") != '') {
                        element.tabDelete("bodyTab", $(this).attr("lay-id")).init();
                        window.sessionStorage.removeItem("menu");
                        menu = [];
                        window.sessionStorage.removeItem("curmenu");
                    }
                })
            } else {
                layer.msg("没有可以关闭的窗口了@_@");
            }
        }
    }
})